<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>我的</title>
		<link rel="stylesheet" href="${BASE_PATH}/static/app/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/header.css"/>	
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/app/css/footer.css"/>
<style type="text/css">
/*头部*/

body {
	background: #fafafa;
	padding-bottom: 3rem;	
}

.title {
	height: 6.3rem;
	color: #fff;
	background: #f697b7;
	padding: 1.5rem;
	font-size: 16px;
	margin-top: 2.45rem;
}

.user-name:nth-of-type(2) {
	font-size: 14px;
}

.user-picture {
	width: 3.3rem;
	border-radius: 50%;
	vertical-align: -.6rem;
}

.user-name {
	display: inline-block;
	margin-left: .5rem;
	color:#fff;
}

.title-more {
	display: inline-block;
	width: 1rem;
	height: 1.4rem;
	background: url(${BASE_PATH}/static/app/img/201805241050.png) center center no-repeat;
	background-size: cover;
	float: right;
	margin-top: 1rem;
}

.function-title img {
	width: 1.7rem;
}

.function-title {
	position: absolute;
    top: 8.45rem;
    left: 0;
    right: 0;
    display: flex;
    width: 85%;
    margin: auto;
    background: #fff;
    box-shadow: 0 2px 8px 0px #d8d1cf;
    border-radius: 8px;
    padding: 1.5rem 0px;
}

.function-title-content {
	flex: 1;
	text-align: center;
}

.function-title-content span {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #323232;
	margin-top: .2rem;
}


/*菜单*/

.warp {
	margin-bottom: .7rem;
	padding: 0 0 0 1.5rem;
	background: #fff;
	border-top:1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

.warp-first {
	margin-top: 4.2rem;
}

.warp .icon {
	width: 1.5rem;
	vertical-align: middle;
}

.warp .warp-box {
	height: 3.4rem;
    line-height: 3.4rem;
    padding-left: .8rem;
    font-size: 1rem;
    color: #323232;
    border-bottom: 1px solid #EDEDED;
}

.warp .warp-box:nth-of-type(3){
	border:none;
}

.warp .warp-box span {
	margin-left: .6rem;
	color: #323232;
}
.warp-box a{
 display:block;
}
.warp-box .arrow{
	display: inline-block !important;
    width: .7rem;
    height: 1.1rem;
    background: url(${BASE_PATH}/static/app/img/201805241553.png) center center no-repeat;
    background-size: cover;
    float: right;
    margin-top: 1.1rem;
    margin-right: 1.5rem;
}



	.my{
		  background: url(${BASE_PATH}/static/app/img/201805021846.png) no-repeat;
          background-size: cover;
	}
	.shouye{
		background: url(${BASE_PATH}/static/app/img/201805021845.png) no-repeat;
         background-size: cover;
	}
 	.my-states {
		display: inline-block;
		position: absolute;
		top: 25px;
		left: calc(50% + 10px);
		width: 16px;
		height: 16px;
		background-color: red;
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #FFFFFF;
		border-radius: 8px;
	}
	.my-xn {
	    width: 100%;
	    font-size: 16px;
	    height:100px;
	    line-height: 100px;
	    text-align: center;
	    float: left;
	    position: relative;
	}
	.my-xn div img {
	    background-size: 20%;
	    width: 30px;
	    height: 30px;
	    background-position: 0px 1px;
	}
	.yin{
		margin-top: 240px;
		float: left;
		height: 280px;
		overflow-x: hidden;
		margin-bottom: 60px;
	}
	.banquan{
	  text-align: center;
    padding: 1rem 0;
    font-size: .8rem;
    color: #d1d1d1d1;
	}

</style>
<script language="JavaScript"> 
function confirm(){
	var name="OK妈咪提示您：此功能正在开发中，即将开放使用!";
	 var iframe = document.createElement("IFRAME");
     iframe.style.display="none";
     iframe.setAttribute("src", 'shop.bain.net.cn,');
     document.documentElement.appendChild(iframe);
     window.frames[0].window.alert(name);
     iframe.parentNode.removeChild(iframe);

  }    
  </script>
	</head>

	<body>
		<div class="header">
			<span class="back" onclick="history.go(-1);"></span>
			<a href="/index"><span class="logo_pic"></span></a>
			<span class="logo_text">OK 妈咪</span>
		</div>
		<div class="title">
			<a  href="${BASE_PATH}/my/myinfo" >
				<img class="user-picture" src="${WX_USER.headimgurl}" />
				<div class="user-name">
					<p>${WX_USER.nickname}</p>
					<p>${WX_USER.phone}</p>
				</div>
				<span class="title-more"></span>
			</a>
		</div>
		<div class="function-title">
	<%-- 	<div class="function-title-content">
				<a href="javascript:confirm();">
					<img src="${BASE_PATH}/static/app/img/201805241113.png" />
					<span>
						产后恢复计划
					</span>
				</a>
			</div>
			<div class="function-title-content">
				<a href="javascript:confirm();">
				
					<img src="${BASE_PATH}/static/app/img/201805241114.png" />
					<span>
						OK妈咪产后中心
					</span>
				</a>
			</div> --%>
			<div class="function-title-content">
				<a href="${BASE_PATH}/post/rest/plan">
					<img src="${BASE_PATH}/static/app/img/201805241113.png" />
					<span>
						产后恢复计划
					</span>
				</a>
			</div>
		
			<div class="function-title-content">
				<a href="${BASE_PATH}/my/myInfo/postnatal">
				
					<img src="${BASE_PATH}/static/app/img/201805241114.png" />
					<span>
						OK妈咪产后中心
					</span>
				</a>
			</div>	 		
		</div>
		<!--菜单列表-->
		<div class="warp warp-first">
		
				<div class="warp-box">
					<a href="${BASE_PATH}/my/mymess" >
						<img src="${BASE_PATH}/static/app/img/201805241159.png" class="icon"/>
						<span>我的消息</span>
						<i class="arrow" ></i>
					</a>
				</div>
                <div  class="warp-box">
                	<a href="${BASE_PATH}/my/myWallet">
						<img src="${BASE_PATH}/static/app/img/201805241613.png" class="icon"/>
						<span>钱包余额</span>
						<i class="arrow" ></i>
					</a>
				</div>
				<div  class="warp-box">
					<a href="${BASE_PATH}/my/collection">
						<img src="${BASE_PATH}/static/app/img/201505241614.png" class="icon"/>
						<span>我的收藏</span>
						<i class="arrow" ></i>
					</a>
				</div>
		</div>
		
		<div class="warp">
				<div class="warp-box">
					<a href="${BASE_PATH}/my/vipEquity">
						<img src="${BASE_PATH}/static/app/img/201805241615.png" class="icon"/>
						<span>会员权益</span>
						<i class="arrow" ></i>
					</a>
				</div>
                <div  class="warp-box">
	                <a href="${BASE_PATH}/my/help">
						<img src="${BASE_PATH}/static/app/img/201805241615-2.png" class="icon"/>
						<span>帮助中心</span>
						<i class="arrow" ></i>
					</a>
				</div>
				<div  class="warp-box">
					<a href="tel:0371-5863-8886">
						<img src="${BASE_PATH}/static/app/img/201805241616.png" class="icon"/>
						<span>我的客服</span>
						<i class="arrow" ></i>
					</a>
				</div>
		</div>
		<div class="warp">
				<div class="warp-box">
				  <a href="${BASE_PATH}/my/mycon">
					   <img src="${BASE_PATH}/static/app/img/201805241618.png" class="icon"/>
					
						<span>加盟合作</span>
						<i class="arrow" ></i>
					</a>
				</div>
                <div  class="warp-box" style="border:none;">
	                <a href="${BASE_PATH}/my/forus">
						<img src="${BASE_PATH}/static/app/img/201805241618-2.png" class="icon"/>
											
						<span>关于我们</span>
						<i class="arrow" ></i>
					</a>
				</div>
				
		</div>
		<div class="banquan"><span><strong>Copyright</strong> &copy; 京ICP备12365488号-4</span></div>
			<footer>
				<ul>
					<a href="${BASE_PATH}/index"><li ><i class="shouye"></i>首页</li></a>
					<a href="${BASE_PATH}/goods/momsay"><li><i class="fenlei "></i>辣妈说</li></a>
					<a href="https://h5.youzan.com/v2/showcase/homepage?alias=1fo6ae813&sf=wx_menu"><li><i class="youxuan"></i>商城</li></a>
					<a href="${BASE_PATH}/order/list"><li><i class="dingdan"></i>订单</li></a>
					<a href="${BASE_PATH}/my"><li  class="text_on"><i class="my"></i>我的</li></a>
				</ul>
			</footer>
	</body>

</html>